<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/default.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
</head>
<body class='login'>
    <div class='login-main'>
        <div class='main-login-item'>
            <div class='login-logo'>
                <img src="../assets/image/logo.png" alt="logo" width="100%">
            </div>
            <p class='login-title'>秉甲账号登陆</p>
            <div class='login-form'>
                <p class='clearFiex login-item'>
                    <span class='iconfont icon-yonghu'></span>
                    <input type="text" placeholder="请输入用户名">
                    <span class='err-tip'>用户名不存在</span>
                </p>
                <p class='clearFiex login-item'>
                    <span class='iconfont icon-mima'></span>
                    <input type="password" placeholder="请输入密码">
                    <span class='err-tip'>您输入的密码有误</span>
                </p>
                <p class='clearFiex login-item code'>
                    <span class='iconfont icon-xinxi'></span>
                    <input type="password" placeholder="请输入右图中字符">
                    <span class='err-tip'>您输入的验证码有误</span>
                </p>
                <span class='code-erwei'>二维码区域</span>
                <p class='login-button'>
                    <button>立即登录</button>
                </p>
            </div>
        </div>
    </div>
<script src='../js/jquery-3.2.1.min.js'></script>
<script>
    $(document).ready(function(){
        $('.login-button').click(function(){
            // do Someting
            window.location.href='../index.html';
        })
    })
</script>
</body>
</html>